body,html,h1,h2,h3,h4,h5,dl,dd,dt,ul,li,ol,span,p{
    margin: 0;
    padding: 0;
}
body{
    background-color: #fff;
    font-family: Microsoft YaHei;
}
img{
    border: 0 none;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
select{
    border: 0 none;
}
input,textarea,select{
    outline: none;
    border: 0 none;
    padding: 0;
    margin: 0;
}
ul,li{
    list-style: none;
}
button{
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
}
.box{
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}
.left{
    float: left;
}
.right{
    float: right;
}
/*头部*/
.header{
    width: 100%;
    height: 38px;
    line-height:38px;
    background-color: #313131;
}
.header .right{
    margin-right: 5px;
}
.header .right span{
    color: #c5c4c4;
    font-size: 12px;
    display: inline-block;
    margin-left: 24px;
}
.header .logo{
    position: relative;
    z-index: 2;
}
/*导航*/
.nav{
    width: 100%;
    height: 116px;
    background: url(../images/navbg.jpg) no-repeat center;
}
.nav ul{
    float: right;
    overflow: hidden;
}
.nav ul li{
    float: left;
}
.nav ul li a{
    display: inline-block;
    width: 125px;
    height: 76px;
    text-align: center;
    padding-top: 35px;
}
.nav ul li a.on{
    background-color: #f7f6f6;
    border-bottom: 5px solid #cb0505;
}
.nav ul li a span{
    color: #727272;
    font-size: 14px;
    display: block;
}
/* 本例子css */
.slideBox{
    width:100%;
    height:536px;
    overflow:hidden;
    position:relative;
}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{
    zoom:1;
    vertical-align:middle;
    width: 100%;
    height: 536px;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next {
    width: 58px;
    height: 120px;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    cursor: pointer;
    border-radius: 5px;
    display: block;

}
.slideBox .prev{
    left: 12%;
    background: url(../images/left_right.png) no-repeat 0 0px;
}
.slideBox .next{ right: 12%;
    background: url(../images/left_right.png) no-repeat 0px -120px; }
.slideBox .prev:hover,
.slideBox .next:hover{  background-color: #000; filter:alpha(opacity=30);opacity:0.3;}


    /*产品*/
.produce{
    width: 100%;
    height: 626px;
    background: url(../images/cpbg.jpg) no-repeat center;
}
.produce .box{
    height: 100%;
    position: relative;
    overflow: visible;
}
.produce .cp{
    overflow: hidden;
    position: absolute;
    top: -90px;
}
.produce .cp a{
    width: 526px;
    height: 196px;
    display: inline-block;
    margin-top: 15px;
}
.produce .cp a .title{
    width: 120px;
    height: 196px;
    padding-left: 15px;
    float: left;
}
.produce .cp a .title h3{
    font-size: 24px;
    color: #ffffff;
    font-weight: normal;
    line-height: 96px;
}
.produce .cp a .title span{
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    display: block;
}
.produce .cp a img{
    float: left;
}
.produce .cp a.cp1 .title{
    background: url(../images/cpbg1.png) no-repeat center;
}
.produce .cp a.cp2 .title{
    background: url(../images/cpbg2.png) no-repeat center;
}
.produce .cp a.cp3 .title{
    background: url(../images/cpbg3.png) no-repeat center;
}
.produce .cp a.cp4 .title{
    background: url(../images/cpbg4.png) no-repeat center;
}
.picMarquee-left{  overflow:hidden; position:relative; top: 389px;}
.picMarquee-left .hd{ overflow:hidden;  height:54px;  width: 100%; position: absolute; left: 0; top: 28%;}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:16px; height:54px; float:left;overflow:hidden;
    cursor:pointer; background:url(../images/left.jpg) no-repeat center;}
.picMarquee-left .hd .next{ background:url(../images/right.jpg) no-repeat center; float: right; }

.picMarquee-left .bd .tempWrap{width:1000px !important; margin: 0 auto;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin-right:56px; float:left; display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; position: relative;}
.picMarquee-left .bd ul li .pic img{ width:206px; height:131px; display:block;border: 1px solid #cfc9c9;}
.picMarquee-left .bd ul li .pic span{
    width: 100%;
    height: 30px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.picMarquee-left .bd ul li .pic span .zhe{
    display: inline-block;
    width: 100%;
    height: 30px;
    background-color: #000000;
    opacity: 0.2;
    filter:alpha(opacity=20);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.picMarquee-left .bd ul li .pic span b{
    color: #ffffff;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    position: relative;
    z-index: 1;
}

.produce .more{
    width: 119px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    border: 1px solid #dddddd;
    border-radius: 27px;
    text-align: center;
    margin: 430px auto 0;
}
.produce .more a{
    color: #525252;
}
/*恒力风貌*/
.big{
    width: 100%;
    height: 560px;
    background: url(../images/aboutbg.jpg) no-repeat center;
}
.big .about{
    width: 462px;
    height: 433px;
    margin: 64px 97px 0 0;
    float: left;
}
.big .about .title{
    width: 100%;
    height: 30px;
    overflow: hidden;
    margin-bottom: 45px;
}
.big .about .title h3{
    font-size: 30px;
    color: #333333;
    border-left: 3px solid #cb0505;
    font-weight: normal;
    padding-left: 14px;
    float: left;
    line-height: 30px;
}
.big .about .title span{
    float: left;
    color: #cb0505;
    font-size: 24px;
    line-height: 24px;
    margin: 7px 0 0 10px;
}
.slideBox1{ width:460px; height:164px; overflow:hidden; position:relative; border:1px solid #d4d3d3;  }
.slideBox1 .hd{ height:13px; overflow:hidden; position:absolute; right:7px; bottom:7px; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .hd ul li{ color: #fff; font-size: 12px;float:left; margin-right:1px;  width:24px; height:13px; line-height:13px; text-align:center; background:#6a7fac; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:#f1f13b; color:#3d3d3d; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img{ width:460px; height:164px; display:block;  }
.big .about .txt{
    text-indent: 2em;
    color: #525252;
    font-size: 14px;
    line-height: 30px;
    margin-top: 16px;
    padding: 0 4px;
    min-height: 152px;
}
.big .about .gongsi{
    text-align: center;
}
.big .about .gongsi a{
    width: 100px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    background-color: #f51312;
    border-radius: 24px;
    margin: 0 8px;
}
.big .contact{
    width: 497px;
    margin-top: 148px;
    height: 402px;
    float: left;
}
.big .contact .phone{
    width: 257px;
    height: 302px;
    padding: 34px 0 0 18px;
    background: url(../images/contactus.png) no-repeat center;
}
.big .contact .phone span{
    display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 39px;
}
/*友情链接*/
.link{
    width: 100%;
    height: 44px;
    line-height: 44px;
    background-color: #cb0505;
}
.link span{
    color: #ffffff;
    font-size: 12px;
    float: left;
    margin-left: 6px;
}
.link ul{
    overflow: hidden;
    float: left;
}
.link ul li{
    float: left;
    background: url(../images/line.jpg) no-repeat left;
    padding: 0 17px 0 19px;
}
.link ul li a{
    color: #ffffff;
    font-size: 12px;
}
.link ul li.first{
    background: 0 none;
}
/*底部*/
.footer{
    width: 100%;
    height: 234px;
    background-color: #313131;
}
.footer .menu{
    text-align: center;
    margin-top: 28px;
}
.footer .menu a{
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    margin: 0 34px;
}
.footer .left{
    font-size: 12px;
    color: #ffffff;
}
.footer .left a{
    font-size: 12px;
    color: #ffffff;
}
.footer .left div{
    margin-top: 34px;
}
.footer .right{
    width: 414px;
    margin-top: 40px;
}
.footer .right .search{
    width: 250px;
    height: 30px;
    margin-right: 17px;
    overflow: hidden;
    float: right;
}
.footer .right .search input{
    width: 156px;
    height: 28px;
    padding-left: 33px;
    line-height: 28px;
    border: 1px solid #d1d1d1;
    border-right: 0 none;
    color: #aaabac;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    float: left;
    background: #fff url(../images/search.jpg) no-repeat 9px;
}
.footer .right .search a{
    float: left;
    width: 60px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    background-color: #cb0505;
    text-align: center;
    font-size: 14px;
}

/*子页banner*/
.banner{
    width: 100%;
    height: 298px;
}
.banner li{
    zoom:1;
    vertical-align:middle;
    width: 100%;
    height: 298px;
}
.banner img{
    width:100%;
}
.content{
    overflow: hidden;
    margin-top: -64px;
}
.content .box{
    position: relative;
    overflow: visible;
    min-height: 800px;
}
.content .aside{
    position: absolute;
    left: 14px;
    top: 0px;
    width: 162px;
}
.content .aside .title{
    width: 162px;
    height: 64px;
    background: url(../images/bg.jpg) no-repeat center;
    text-align: center;
    overflow: hidden;
}
.content .aside .title h3{
    color: #ffffff;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    margin-top: 16px;
}
.content .aside .title span{
    color: #d65a5a;
    font-size: 10px;
    line-height: 10px;
}
.content .aside ul{
    width: 128px;
    background-color: #f5f5f5;
    padding: 0 17px 25px 17px;
    text-align: center;
    overflow: hidden;
}
.content .aside ul li{
    border-bottom: 1px dotted #b5b5b5;
    line-height: 44px;
    margin-top: 10px;
}
.content .aside ul li.on{
    background: url(../images/on.jpg) no-repeat 23px;
}
.content .aside ul li a{
    color: #1e1e1e;
    font-size: 14px;
}
.content .right{
    width: 852px;
    padding-top: 64px;
}
.content .right .title{
    width: 100%;
    height: 73px;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
}
.content .right .title h3{
    color: #383838;
    font-size: 20px;
    font-weight: normal;
    float: left;
    line-height: 70px;
    border-bottom: 3px solid #cb0505;
}
.content .right .title .address{
    float: right;
    color: #383838;
    font-size: 14px;
    line-height: 14px;
    margin-right: 22px;
    display: inline-block;
    margin-top: 46px;
}
.content .right .liuyan{
    width: 824px;
    padding: 0 14px;
}
.content .right .liuyan .line{
    width: 100%;
    height: 1px;
    position: relative;
    background-color: #e9e9e9;
    top: 95px;
    z-index: -1;
}
.content .right .liuyan .biaoti{
    width: 105px;
    padding-left: 75px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    font-size: 20px;
    background: #cb0505 url(../images/liuyan.jpg) no-repeat left;
    margin: 72px auto 55px;
}
.content .right .liuyan input{
    width: 231px;
    height: 29px;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    margin-left: 10px;
}
.content .right .liuyan span{
    color: #525252;
    font-size: 16px;
}
.content .right .liuyan .bt{
    float: left;
    margin: 0 54px 29px 88px;
}
.content .right .liuyan .name{
    margin: 0 54px 29px 88px;
}
.content .right .liuyan .phone{
    margin: 0 54px 29px 88px;
}
.content .right .liuyan .text{
    margin: 0 0 36px 88px;
    overflow: hidden;
}
.content .right .liuyan .text span{
    float: left;
}
.content .right .liuyan .text textarea{
    width: 581px;
    height: 175px;
    resize: none;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    margin-left: 12px;
}
.content .right .liuyan .tj{
    display: block;
    width: 96px;
    height: 25px;
    background-color: #cb0505;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    margin: 0 auto;
}
/*新闻资讯*/
.content .right .news{
    margin-top: 17px;
    text-align: center;
}
.content .right .news .nr
{
    line-height:180%;
    font-size:16px;
    letter-spacing:1px;
    text-align:left;
}
.content .right .news .tou
{
    background-color:#f6f6f6;
    color:#333333;
    line-height:180%;
    font-size:24px;
    letter-spacing:1px;
    text-align:center;
    margin-bottom:20px;
}
.content .right .news ul li.first{
    width: 100%;
    height: 194px;
    background-color: #f6f6f6;
    margin-bottom: 5px;
    line-height: 0;
    background-image: none;
    padding: 0;
}
.content .right .news ul li.first a{
    overflow: hidden;
    border-bottom: 0 none;
}
.content .right .news ul li.first a img{
    border: 2px solid #bebebe;
    margin: 17px 20px 0 17px;
    float: left;
}
.content .right .news ul li.first a .txt{
    float: left;
    margin-top: 28px;
    text-align: left;
}
.content .right .news ul li.first a .txt h3{
    color: #333333;
    font-size: 18px;
    line-height: 27px;
    font-weight: normal;
    overflow: hidden;
}
.content .right .news ul li.first a .txt h3 span{
    width: 54px;
    height: 27px;
    line-height: 27px;
    color: #ffffff;
    font-size: 16px;
    background: #e32235;
    text-align: center;
    display: inline-block;
    margin-right: 12px;
}
.content .right .news ul li.first a .txt .wenzi{
    width: 548px;
    font-size: 14px;
    color: #aeadad;
    line-height: 28px;
    margin-top: 16px;
}
.content .right .news ul li{
    line-height: 59px;
    padding: 0 23px 0 40px;
    background: url(../images/play.jpg) no-repeat 8px;
}
.content .right .news ul li a{
    border-bottom: 1px dashed #e5e5e5;
    display: block;
    overflow: hidden;
}
.content .right .news ul li a span{
    font-size: 14px;
    color: #333333;
    float: left;
}
.content .right .news ul li a span.date{
    font-size: 12px;
    color: #aba8a8;
    float: right;
}
.content .right .news .ye{
    width: 290px;
    height: 36px;
    margin: 80px auto 0;
}
.content .right .news .ye a{
    display: inline-block;
    text-align: center;
    width: 85px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    font-size: 16px;
    background: #cb0505;
    float: left;
}
.content .right .news .ye a.fanhui{
    width: 120px;
    height: 36px;
    background: #f6f6f6;
    color: #525252;
}
.content .right .page{
    display:inline-block;
    *zoom:1;
    *display:inline;
    overflow: hidden;
    margin-top: 57px;
}
.content .right .page a{
    width: 26px;
    height: 26px;
    display: inline-block;
    border: 1px solid #bebdbd;
    font-size: 12px;
    color: #7f8186;
    text-align: center;
    line-height: 26px;
    border-radius: 4px;
    float: left;
    background: #fdfdfd;
    margin: 0 1px;
}
.content .right .page a.on{
    color: #ffffff;
    background: #7f8186;
}
/*产品中心*/
.content .right .product{
    overflow: hidden;
    padding: 0 14px;
    margin-top: -3px;
}
.content .right .product a{
    width: 252px;
    font-size: 0;
    overflow: hidden;
    float: left;
    margin: 42px 34px 0 0;
}
.content .right .product a.zuihou{
    margin-right: 0;
}
.content .right .product a img{
    width:250px;
    height:187px;
    border: 1px solid #cfc9c9;
    float: left;
    margin-bottom: 3px;
}
.content .right .product a span{
    width: 252px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    color: #525252;
    font-size: 16px;
    background: #f1f1f1;
    float: left;
}